<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>瀑布流</title>
	<link href="style/index.css" rel="stylesheet">
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
</head>
<body>
	<div id="box">
		<div class="panel"><a href="javascript:;"><img src="images/1.jpg" alt=""></a></div>
		<div class="panel"><a href="javascript:;"><img src="images/2.jpg" alt=""></a></div>
		<div class="panel"><a href="javascript:;"><img src="images/3.jpg" alt=""></a></div>
		<div class="panel"><a href="javascript:;"><img src="images/4.jpg" alt=""></a></div>
		<div class="panel"><a href="javascript:;"><img src="images/5.jpg" alt=""></a></div>
		<div class="panel"><a href="javascript:;"><img src="images/6.jpg" alt=""></a></div>
		<div class="panel"><a href="javascript:;"><img src="images/7.jpg" alt=""></a></div>
		<div class="panel"><a href="javascript:;"><img src="images/8.jpg" alt=""></a></div>
		<div class="panel"><a href="javascript:;"><img src="images/9.jpg" alt=""></a></div>
		<div class="panel"><a href="javascript:;"><img src="images/10.jpg" alt=""></a></div>
		<div class="panel"><a href="javascript:;"><img src="images/11.jpg" alt=""></a></div>
		<div class="panel"><a href="javascript:;"><img src="images/12.jpg" alt=""></a></div>
		<div class="panel"><a href="javascript:;"><img src="images/13.jpg" alt=""></a></div>
		<div class="panel"><a href="javascript:;"><img src="images/14.jpg" alt=""></a></div>
		<div class="panel"><a href="javascript:;"><img src="images/15.jpg" alt=""></a></div>
		<div class="panel"><a href="javascript:;"><img src="images/16.jpg" alt=""></a></div>
		<div class="panel"><a href="javascript:;"><img src="images/17.jpg" alt=""></a></div>
		<div class="panel"><a href="javascript:;"><img src="images/18.jpg" alt=""></a></div>
		<div class="panel"><a href="javascript:;"><img src="images/19.jpg" alt=""></a></div>
		<div class="panel"><a href="javascript:;"><img src="images/20.jpg" alt=""></a></div>
	</div>
</body>
</html>